<%@taglib prefix="s" uri="/struts-tags"%>
<%@page pageEncoding="UTF-8"%>
<html>
	  <head>
	  	<meta http-equiv="text/html;charset=utf-8"/>
	  	<link type="text/css" rel="stylesheet" href="<s:url value='/css/font.css'/>"/>
	  	<link type="text/css" rel="stylesheet" href="<s:url value='/css/topic.css'/>"/>
	  		<script language="javascript">
	  			function pageForward(newPageNo) {
	  				url ="<s:url value='/bbs/subBoardAction.action' includeParams='none'/>?pageNo=" + newPageNo + "&componentId=<s:property value='componentId'/>";
	  				location.href=url;
	  			}
	  			function newTopic() {
	  				url = "<s:url value="/bbs/newTopicAction.action" includeParams="none"/>?parentId=<s:property value="componentId"/>";				
     				location.href=url;
	  			}
	  		</script>

	  </head>
    <body style="overflow-x:hidden">
       <s:include value="navigator.jsp"/>   
       <div id="path" class="style2">
       	  <s:property value="ancestorPath"/>
       </div>
       <div id="topicContent">
       	 <ul>
       	 	  <li class="style4 subBoardTitle">
       	 	  	<span class="s1"><s:text name='system.page.bbs.title.topicTitle'/></span>
       	 	  	<span class="s2"><s:text name='system.page.bbs.title.viewReply'/></span>	
       	 	  	<span class="s3"><s:text name='system.page.bbs.title.author'/></span>	
       	 	  	<span class="s4"><s:text name='system.page.bbs.title.replier'/></span>	
       	 	  	<span class="s5"><s:text name='system.page.bbs.title.timeOrder'/></span>	
       	 	  </li>
		       <s:iterator value="page.entityList" status="rowStatus">
		       	 <s:if test="#rowStatus.odd == true">
		       	   <li class="style10">
		       	 </s:if>	
		       	 <s:else>
		       	 	 <li class="style10 odd">
		       	 </s:else>
		       	 	<span class="s1 title-left"><a href="<s:url value='/bbs/showTopicAction.action' includeParams='none'/>?topicId=<s:property value='id'/>"  target="_blank"><s:property value="topicTitle"/></a></span>
		       	 	<span class="s2"><s:property value="children.size"/></span>
		       	 	<span class="s3"><s:property value="topicAuthor"/></span>
		       	 	<span class="s4"><s:property value="lastReplier"/></span>
		       	 	<span class="s5"><s:property value="formattedDate"/></span>	       	 			       	 		
		       	 </li>	
		       </s:iterator>	       	 	  
       	 </ul>
	     </div>  
	     <div id="pageBar" class="style2">
	       <s:if test="page != null">
     	   <ul id="pageBar1">
     	  	 <li><a href="#"><img src="/HundredCards/images/ch/register.gif"/></li>
     	  	 <li><a href="#"><img src="/HundredCards/images/ch/login.gif"/></li>	     	  		
     	  	 <li><a href="#"><img src="/HundredCards/images/ch/newTopic.gif" onclick="newTopic()"/></li>			     	  			     	  		
     	  	 <li><a href="#"><img src="/HundredCards/images/ch/excellentTopic.gif"/></li>	     	  			     	  			     	  		     	  		
     	   </ul>
     	   <ul id="pageBar2">
     	  	 <li><s:property value="page.pageNo"/>/<s:property value="page.totalPages"/><s:text name="system.bbs.title.page"/>
     	  	 <s:if test="page.hasPrevious()"><li><a href="javascript:pageForward(1)"><s:text name="system.bbs.title.firstPage"/></a></li></s:if>
     	     <s:if test="page.hasPrevious()"><li><a href="javascript:pageForward(<s:property value='page.pageNo'/> - 1)"><s:text name="system.bbs.title.previousPage"/></a></li></s:if>	     		
           <s:if test="page.hasNext()"><li><a href="javascript:pageForward(<s:property value='pageNo'/> + 1)"><s:text name="system.bbs.title.followingPage"/></a></li></s:if>
           <s:if test="page.hasNext()"><li><a href="javascript:pageForward(<s:property value='page.totalPages'/>)"><s:text name="system.bbs.title.lastPage"/></a></li></s:if>
           <li>
             <s:text name="system.bbs.title.goto"/>
             <s:textfield id="pageno" size="3"/>
             <img src="<s:url value='/images/bbs/go.gif'/>" style="cursor:hand" onclick="pageForward(document.getElementById('pageno').value)"/>
             <s:text name="system.bbs.title.page"/>
           </li>
         </ul>
         </s:if>
         <s:else>
             <s:text name="system.bbs.alert.noRecord"/>
         </s:else>
	     </div>
    </body>
</html>